<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>主页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/mooc.css">
		<style>
			html,
			body {}
			
			.mui-icon-gear {
				color: white;
			}
			
			.mui-icon-chat {
				color: white;
			}
			
			.mui-title {
				color: white;
			}
			
			.footbar {
				background-color: white;
			}
			
			.mui-icon-eye:after {
				float: right;
				content: '\e5618';
			}
			
			.mui-bar-nav {
				box-shadow: 0px 0px 0px 5px #3ac9af;
			}
			
			#setting-a {
				font-size: 28px;
				font-weight: bold;
				color: white;
			}
			
			.newmsg {
				float: right;
				margin: 0px 0px 0px -4px;
				font-size: 12px;
				color: #fc504e;
				display: none;
			}
			
			.newmsg.m1 {
				display: block;
			}
			/***自定义图标**/
			.mui-active .icon-synccourse {
				background: url(images/synccourse_2.png) no-repeat;
				background-position-y: 7px;
			}
			
			.icon-synccourse {
				background: url(images/synccourse_1.png) no-repeat;
				background-position-y: 7px;
			}
			.mui-active .icon-scan {
				background: url(images/scan_2.png) no-repeat;
				background-size: 20px 20px ;
				background-position-x: 3px;
				background-position-y: 5px;
			}
			
			.icon-scan {
				background: url(images/scan_1.png) no-repeat;
				background-size: 20px 20px ;
				background-position-x: 3px;
				background-position-y: 5px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav headbar">
			<a id="setting-a" style="visibility:hidden;" class="mui-icon mui-icon-gear mui-pull-left mui-plus-visible"></a><a id="message" class="mui-icon mui-icon-chat mui-pull-right"><span class="newmsg" id="newmsg">●</span></a>
			<h1 id="title" class="mui-title">同步课堂</h1>
		</header>
		<nav class="mui-bar mui-bar-tab footbar">
			<a id="defaultTab" class="mui-tab-item mui-active" href="synccourse/courseindex.html">
				<span class="mui-icon icon-synccourse"></span>
				<span class="mui-tab-label">同步课堂</span>
			</a>
			<a class="mui-tab-item" href="scancode/barcode.html">
				<span class="mui-icon icon-scan"></span>
				<span class="mui-tab-label">扫一扫</span>
			</a>
			<a class="mui-tab-item" href="selfcenter/selfindex.html">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">学习中心</span>
			</a>
			<a class="mui-tab-item" href="offlinedown/offlineindex.html">
				<span class="mui-icon mui-icon-download"></span>
				<span class="mui-tab-label">离线下载</span>
			</a>
			<!--
            	<a class="mui-tab-item" href="file.html">
				<span class="mui-icon mui-icon-email"></span>
				<span class="mui-tab-label">查看文件</span>
			</a>-->
		</nav>
		<script src="js/mui.min.js"></script>
		<script src="script/config.js"></script>
		<script src="script/moocpublic.js"></script>
		<script src="js/DMobileFrame_DownLoadUtil.js"></script>
		<script src="script/index.js"></script>
	</body>

</html>